/* color palette from <https://github.com/vuejs/theme> */

:root {
    --body-bg-color: #e8eaec;

    /*主题颜色*/
    --primary-color: #006EFF;
    --primary-color-hover: #4080FF;
    --primary-color-pressed: #0E42D2;
    --primary-color-suppl: #4080FF;

    /*成功颜色*/
    --success-color: #00B42A;
    --success-color-hover: #23C343;
    --success-color-pressed: #009A29;
    --success-color-suppl: #23C343;

    /*警告颜色*/
    --warning-color: #F7BA1E;
    --warning-color-hover: #F9CC45;
    --warning-color-pressed: #CC9213;
    --warning-color-suppl: #F9CC45;

    /*失败颜色*/
    --error-color: #F53F3F;
    --error-color-hover: #F76560;
    --error-color-pressed: #CB272D;
    --error-color-suppl: #F76560;

    /* info*/
    --info-color: #3491FA;
    --info-color-hover: #57A9FB;
    --info-color-pressed: #206CCF;
    --info-color-suppl: #57A9FB;

    --h-c-f-padding: 0 15px;
    /*菜单中线条*/
    --sider-border-color: #e8e8e8;

    --custom-btn-hover-bg-color: rgba(46, 51, 56, .09);
    /*tabs*/
    --tabs-list-bg-color:#fff;
    --tabs-active-color: #fff;

    /*登录页*/
    --login-bg-color: linear-gradient(to left bottom, #006eff, #2e7afc, #4785f8, #5b90f4, #6e9aef, #67a7f4, #65b3f7, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
    --login-box-bg-color: rgb(255 255 255 / 1);
    --login-box-left-bg-color: rgb(248 249 250 / 1);

    /*代码片段背景颜色*/
    --code-bg-color: #fafafc;
    /*上传图片边框颜色*/
    --upload-box-border-color: rgb(224, 224, 230);
}

/*暗色模式*/
html.dark {
    --body-bg-color: rgb(16, 16, 20);
    --custom-btn-hover-bg-color: rgba(255, 255, 255, .12);
    --sider-border-color: rgba(255, 255, 255, 0.09);
    /*tabs*/
    --tabs-list-bg-color:rgb(24, 24, 28);
    --tabs-not-active-color: rgba(255, 255, 255, 0.52);
    --tabs-active-color: #000;
    /*登录页*/
    --login-bg-color: '';
    --login-box-bg-color: rgb(24, 24, 28);
    --login-box-left-bg-color: rgba(255, 255, 255, 0.1);
    /*代码片段背景颜色*/
    --code-bg-color: rgba(255, 255, 255, 0.06);
    /*上传图片边框颜色*/
    --upload-box-border-color: rgba(255, 255, 255, 0.24);
}

.n-form.n-form--inline .n-form-item {
    margin-right: 10px !important;
}

.n-code{
    padding: 6px !important;
    border-radius: 3px;
    background-color: var(--code-bg-color);
    transition: background-color 0.3s ease;
}
